<%-- 
	Comentarios:
	  a. Mi comentario inicial en SVN (JTOVAR).
	  b. Cambios realizados por pruebas SVN.
--%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
  <head>
  <meta charset="ISO-8859-1">
  <title>Libreria El Saber - Login</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <script src="js/jquery-1.8.2.js"></script>
  <script src="js/bootstrap.js"></script>
  <style type="text/css">
    body {
      /* padding-top: 120px; */
      /* padding-bottom: 120px; */
      background-color: #f5f5f5;
    }

    .form-signin {
      max-width: 300px;
      padding: 19px 29px 29px;
      margin: 0 auto 20px;
      background-color: #fff;
      border: 1px solid #e5e5e5;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
              box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }
    .form-signin .form-signin-heading,
    .form-signin .checkbox {
      margin-bottom: 10px;
    }
    .form-signin input[type="text"],
    .form-signin input[type="password"] {
      font-size: 16px;
      height: auto;
      margin-bottom: 15px;
      padding: 7px 9px;
    }
  </style>
  <script type="text/javascript">
  
  function validarCampos() {
	var mensajesError = "";
	if ($("#usuario").val() == "") {
	  mensajesError += "- Debe ingresar un valor para el campo Usuario.\r\n";
	}
	if ($("#clave").val() == "") {
	  mensajesError += "- Debe ingresar un valor para el campo Clave.\r\n";
	}
	if (mensajesError != "") {
	  alert(mensajesError);
	  return false;
	}
	return true;
  }
  
  </script>
</head>

<body>
  <div class="navbar navbar-fixed-top">
   <div class="navbar-inner">
     <div class="container">
        <a class="brand" href="login.html"><img src="img/logo.png"></a>
     </div>
   </div>
  </div>
  <div class="container">
    <form class="form-signin" action="loginUrl" method="POST">
      <fieldset>
        <legend>Pagina de Autenticacion</legend>
        <%
          String mensajeError = (String)request.getAttribute("LibreriaElSaber_Login_Error");
          if (mensajeError != null) {
            out.println("<div class='alert alert-error'>" + mensajeError + "</div>");
          }
        %>
        <div class="control-group">
          <label class="control-label" for="usuario">Usuario:</label>
          <div class="controls">
            <input type="text" id="usuario" name="usuario" value="${usuario}">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="clave">Clave:</label>
          <div class="controls">
            <input type="password" id="clave" name="clave">
          </div>
        </div>
        <button type="submit" class="btn btn-primary" onclick="return validarCampos();">Ingresar</button>
      </fieldset>
    </form>
  </div>
</body>

</html>